<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/pintuer.css">
<link rel="stylesheet" href="../css/admin.css">
<script src="../js/jquery.js"></script>
<script src="../js/pintuer.js"></script>
</head>
<body>
	<div class="panel admin-panel">
		<div class="panel-head">
			<strong><span class="icon-key"></span> 修改会员密码</strong>
		</div>
		<div class="body-content">
			<form method="" class="form-x" action="" id="Form">
				<div class="form-group">
					<div class="label">
						<label for="sitename">管理员帐号：</label>
					</div>
					<div class="field">
						<label style="line-height: 33px;"> admin </label>
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label for="sitename">原始密码：</label>
					</div>
					<div class="field">
						<input type="password" class="input w50" id="mpass" name="mpass"
							size="50" placeholder="请输入原始密码" data-validate="required:请输入原始密码" />
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label for="sitename">新密码：</label>
					</div>
					<div class="field">
						<input type="password" class="input w50" id="newpass" name="newpass" size="50"
							placeholder="请输入新密码"
							data-validate="required:请输入新密码,length#>=5:新密码不能小于5位" />
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label for="sitename">确认新密码：</label>
					</div>
					<div class="field">
						<input type="password" class="input w50" name="renewpass" id="renewpass"
							size="50" placeholder="请再次输入新密码"
							data-validate="required:请再次输入新密码,repeat#newpass:两次输入的密码不一致" />
					</div>
				</div>

				<div class="form-group">
					<div class="label">
						<label></label>
					</div>
					<div class="field">
						<button class="button bg-main icon-check-square-o" lay-submit
							lay-filter="formPass">提交</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script>
		layui.use([ 'form', 'layer' ], function() {
			var form = layui.form;
			var layer = layui.layer;
			var $ = layui.$;
			//表单监听事件
			form.on('submit(formPass)', function(data) {
				if ($("#mpass").val() && $("#newpass").val()
						&& $("#renewpass").val()&& $("#renewpass").val()==$("#newpass").val()) {
					var url = "LoginServletAdmin?method=updateUserPwd";//请求地址
					var str = $("#Form").serialize();//请求参数,表单中的数据,serialize序列化
					console.log(str);// 名=值&名=值
					//ajax请求服务器判断结果
					$.post(url, str, function(res) {
						console.log(res);
						if (res.code == 0) {
							layer.msg(res.msg, {
								time : 1000
							}, function() {
								layer.closeAll();//关闭所有窗口
								location.href="login.jsp"
							})
						} else {
							layer.msg(res.msg, {
								time : 1000
							})
						}
					}, "json")
				} else {
					layer.msg("请输入正确的信息", {
						time : 2000
					})
				}

				return false;
			});
		});
	</script>
</body>
</html>